<script setup>
//合并往来单位一览表模块,采用tabs页切换的方式
import Custom from '@/views/statistics/finance/overview/custom/index.vue'
import Supplier from '@/views/statistics/finance/overview/supplier/index.vue'
const tabName = ref('客户')
</script>

<template>
  <div class="app-container">
    <div class="app-lable">
      <div>往来单位：</div>
      <el-radio-group v-model="tabName">
        <el-radio-button label="客户">客户</el-radio-button>
        <el-radio-button label="供应商">供应商</el-radio-button>
      </el-radio-group>
    </div>
    <Custom v-if="tabName == '客户'" />
    <Supplier v-if="tabName == '供应商'" />
  </div>
</template>
<style lang="scss" scoped>
.app-lable {
  display: flex;
  flex-direction: row;
  align-items: center;
}
</style>
